<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport"
	content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta charset="UTF-8">
<title>余额明细</title>
<style>
.box {
	font-size: 12px;
}

.box ul {
	list-style: none;
	padding: 0;
}

.box ul li {
	height: 50px;
	border-bottom: 1px solid #ababab;
}

.box ul li p:NTH-OF-TYPE(2) {
	margin-top: -9px;
	color: #959292;
}

.fr {
	float: right;
}

 i {
	font-style: normal;
}


</style>
</head>
<body>
	<div class="box">
		<ul>
			<c:if test="${fn:length(balanceList) > 0}">
				<c:forEach var="balance" items="${balanceList}">
					<li>
						<p>
							<span> <c:if test="${balance.type == 1 && balance.orderType == 1}">
									<i>退款-${balance.title}</i>
								</c:if> <c:if test="${balance.type == 2 && balance.orderType == 1}">
									<i>消费-${balance.title}</i>
								</c:if>
								<c:if test="${balance.type ==1 && balance.orderType == 2}">
									<i>充值-微信支付</i>
								</c:if>
							</span> <span class="fr"> <c:if test="${balance.type == 1}">
									<i>+</i>
								</c:if> <c:if test="${balance.type == 2}">
									<i>-</i>
								</c:if> ￥ ${balance.amount}
							</span>
						</p>
						<p>
							<span class="timer"><fmt:formatDate value="${balance.createDate}" pattern="yyyy-MM-dd HH:mm:ss"/></span> <span class="fr">￥
								 ${balance.nowAmount}</span>
						</p>
					</li>
				</c:forEach>
			</c:if>
		</ul>
	</div>
</body>
</html>